<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>资源解析</title>
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  <link rel="stylesheet" href="/css/common.css" />
  <link rel="stylesheet" href="/css/index.css" />
  <script src="/js/jquery-1.9.1.min.js"></script>
  <script src="/js/app.js"></script>
  <script src="/js/index.js"></script>
</head>

<body>
  <div class="resource-container">
    <div class="u-navbar" >
      万能视频图片解析下载
    </div>
    <!-- <div class="bgs"></div> -->
    <div class="content">
      <div class="input-area">
        <div style="position: relative;flex: 1;">
          <textarea class="input-btn" placeholder="请将复制的链接地址贴在此处（多个链接用换行符分隔）" id="linkInput"></textarea>
          <!-- <div class="link-count" style="position: absolute; bottom: 5px; right: 20px; color: #666; font-size: 12px;">剩余链接数：20</div> -->
        </div>
        <button class="u-button btns" style="height: 100px;">粘贴链接</button>
      </div>
      <div class="button-group">
        <button class="u-button btn4"><text>一键解析</text></button>
      </div>

      <div class="platform-section">
        <div class="section1">
          <div style="
                            background-image: url('./static/icon7.png');
                            background-position: 0% 0%;
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                          "></div>
          <img src="./static/icon7.png" style="width: 20px;height: 20px;" draggable="false" /></img>
          <div class="section-title">支持平台</div>
        </div>
        <div class="platform-support">
          <!-- 平台列表将通过AJAX动态加载 -->
        </div>
      </div>
    </div>
  </div>
  </div>
  </div>
  </div>